﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login Page</title>
 <!-- HTML5 HELP -->
    <script src="js/modernizr.js"></script>
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<link href="css/custom.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/general_foundicons.css" rel="stylesheet" >
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.tools.min.js"></script>

<link rel="stylesheet" href="css/general_foundicons.css">
	<!--[if lt IE 8]>
    <link rel="stylesheet" href="assets/css/general_foundicons_ie7.css">
	<![endif]-->

    
<style>
header{height:70px;overflow: hidden;padding:1%;background: #f7f7f7;}
.log_zone{float: right;margin-right: 5%;}
.log_zone input{width:120px!important;float: left; margin:1% 2% 0 0;}
.log_zone form{overflow: hidden;width: 330px;}
.sr-only{display:none;}
.log_zone .login{float: left;}

</style>

</head>
<body onload='document.f.j_username.focus();'>
 
	<c:if test="${not empty error}">
       <div class="alert-message error errorblock">
          <p><strong>Error!</strong> No pudo loguearse, por favor intente de nuevo.</p>
        </div>
	</c:if>
 
  
       <header>
	   <section class="log_zone">
         
          <form name='f' action="<c:url value='j_spring_security_check' />" method='POST'>
				<label class="sr-only" for="uss">User</label>
                <input id="uss" type='text' class='form-control' name='j_username' value='' placeholder="Usuario">
				<label class="sr-only" for="passw">Password</label>
                <input id="passw" type='password' class='form-control' name='j_password' placeholder="Password"/>
				<button class="btn btn-primary login" name="submit" type="submit">Sign in</button>
          </form>
		</section>
		</header>
		
		<section class="container">
		<div class="row">
			<div class="col-lg-6">
			<h3>Registrarse</h3>
			<form>
			<label class="sr-only" for="domain">dominio</label>
            <input id="domain" type='text' class='form-control' name='' value='' placeholder="Dominio">
			<!-- Esto hay que usar la api para registrar dominios-->
			<label class="sr-only" for="new_user">usuario</label>
            <input id="new_user" type='text' class='form-control' name='' value='' placeholder="Usuario">
			<label class="sr-only" for="new_pass">contraseña</label>
            <input id="new_pass" type='text' class='form-control' name='' value='' placeholder="Contraseña">
			<label class="sr-only" for="new_mail">Email</label>
            <input id="new_mail" type='text' class='form-control' name='' value='' placeholder="Email">
			<label class="sr-only" for="new_remail">Re Email</label>
            <input id="new_remail" type='text' class='form-control' name='' value='' placeholder="Repetir Email">
			<button class="btn btn-success" name="" type="submit">Empezar Ya!</button>
			</form>
			</div>
			<div class="col-lg-6"></div>
		</div>
		</section>

    
    
</body>
</html>